<div class="main-content">
    <!-- 内容头部 -->
    <div class="breadcrumbs" id="breadcrumbs" style="margin-left: 20px;">
        <ul class="breadcrumb">
            <li>
                <i class="ace-icon fa fa-user"></i>
                <a href="<?= url('Index/index') ?>">小区管理</a>
            </li>
            <li class="active">导入房间</li>
        </ul>
    </div>
    <!-- 内容头部 -->
    <div class="page-content">
        <div class="page-content-area">
            <style>
                .ace-file-input a {display:none;}
            </style>
            <div style="background-color: #dff0d8;padding: 10px;margin-bottom: 10px;">
                导入保存后，若自动下载了Excel表格即为反馈导入过程中出现的问题，未提示失败原因的则导入成功
            </div>
            <div class="row">
                <div class="col-xs-12">
                    <div id="shopList" class="grid-view">

                        <form id="myform" method="post" action="https://shequ-demo.fastwhale.com.cn/shequ.php?g=House&amp;c=Unit&amp;a=import_village_add" enctype="multipart/form-data">
                            <table cellpadding="0" cellspacing="0" class="table table-striped table-bordered table-hover" width="100%">
                                <tbody><tr>
                                    <th width="80">房间示例表格</th>
                                    <!--								<td><a target="_blank" href="./static/file/village_import_sample.xls" class="button" style="margin-left:0px;">点击下载</a></td>-->
                                    <td><a onclick="location.href=&#39;/shequ.php?g=House&amp;c=Unit&amp;a=village_import_sample&#39;" style="cursor:pointer;" class="button">点击下载</a></td>
                                </tr>
                                <tr>
                                    <th width="80">Excel导入</th>
                                    <td><input type="file" class="input fl" name="pic" style="width:200px;" placeholder="请上传excel表格" validate="required:true"></td>
                                </tr>
                                </tbody></table>
                            <div class="clearfix form-actions">
                                <div class="col-md-offset-3 col-md-9">
                                    <button class="btn btn-info" type="submit">
                                        <i class="ace-icon fa fa-check bigger-110"></i>
                                        保存
                                    </button>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div id="orderAlert" style="position: fixed; z-index: 999999; bottom: 5px; right: 5px; background: #e5e5e5; display: none;">
    <div style="text-align: center; margin-top: 10px; font-size: 20px; color: red;">
        <b>新订单来啦!</b> <a class="oaright" href="javascript:closeoa()">[关闭]</a>
    </div>
    <div style="margin: 20px 30px 5px 30px; cursor: pointer;" onclick="tourl()">
        您好：有<span class="label label-info" id="oanum"></span>笔新订单来了！
    </div>
    <div style="margin: 5px 30px 5px 30px; cursor: pointer;" onclick="tourl()">
        截止目前，一共有<span class="label label-info" id="oatnum"></span>笔订单未处理
    </div>
    <div class="oaright" style="bottom: 10px; margin: 5px 30px 5px 30px;">
        时间：<a id="oatime" style="text-decoration: none;"></a>
    </div>
</div>
<div style="position: fixed; top: -9999px; right: -9999px; display: none;" id="soundsw"></div>
<a href="https://shequ-demo.fastwhale.com.cn/shequ.php?g=House&amp;c=Unit&amp;a=import_village_add#" id="btn-scroll-up" class="btn-scroll-up btn btn-sm btn-inverse">
    <i class="ace-icon fa fa-angle-double-up icon-only bigger-110"></i>
</a>
</div>
<script>
    function newalert(title){
        bootbox.dialog({
            message: title,
            buttons: {
                "success" : {
                    "label" : "确认",
                    "className" : "btn-sm btn-primary"
                }
            }
        });
    }

    function alertshow(content){
        $('#popalertwindowcontent').html(content);
        $('#popalertwindow').show();
    }
</script>

<div style="position: fixed; width: 100%; height: 100%; top: 0px; left: 0px; display: none;" id="popalertwindow">
    <div style="width: 100%; height: 100%; background: #eeeeee; filter: alpha(opacity = 50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; position: absolute; z-index: 9999;"></div>
    <div style="position: relative; width: 500px; height: 200px; margin: 200px auto; filter: alpha(opacity = 100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; z-index: 10000; background: #ffffff; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; -webkit-box-shadow: #666 0px 0px 10px; -moz-box-shadow: #666 0px 0px 10px; box-shadow: #666 0px 0px 10px;">
        <div style="height: 40px;"></div>
        <div style="width: 400px; height: 90px; margin: 0px auto; color: #999999; text-align: center; font-size: 20px;">
            <table style="width: 400px; height: 90px;">
                <tbody>
                <tr>
                    <td id="popalertwindowcontent"></td>
                </tr>
                </tbody>
            </table>
        </div>
        <div style="height: 20px;"></div>
        <div style="width: 80px; height: 40px; background: #eeeeee; margin: 0 auto; line-height: 40px; text-align: center; font-size: 20px; border: 1px solid #999999; cursor: pointer;" onclick="$(&#39;#popalertwindow&#39;).hide();">确认</div>
    </div>
</div>